@import "@/theme.less";
.red-item{
  position: relative;
  width: 174px;
  height: 270px;
  background: @page-bg;
  float: left;
  margin: 7px 7px 0 0;
  border-radius: 10px;
  color: @font-color1;
  img.cover{
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    display: block;
  }
  p{
    position: absolute;
    padding:0;
    margin: 0;
    &.type{
      left:0;
      top:0;
      min-width: 80px;
      height: 20px;
      line-height: 20px;
      text-align: center;
      border-radius: 10px 0 10px 0;
      background: rgba(254,135,17,.8);
      color: #fff;
      padding:0 10px;
    }
    &.number{
      left:0;
      top: 200px;
      width: 100%;
      height: 20px;
      line-height: 20px;
      text-align: center;
      background: rgba(254,135,17,.8);
      color: @page-bg;
    }
  }
  .bottom{
    width: 100%;
    height: 50px;
    padding:5px;
    box-sizing: border-box;
    img.header{
      float: left;
      width: 40px;
      height: 40px;
      border-radius: 20px;
    }
    .title{
      position: relative;
      top:50%;
      width: 115px;
      line-height: 110%;
      transform: translateY(-50%);
      float: right;
    }
  }
}
